@import "./variables.scss";
// 自定义的全局样式
html {
    font-family: $font-family;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    // better Font Rendering
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    background-color: $body-bg;
}

/* custom element theme 更改 element 主题色 */
$--color-primary: $primary-color;
$--color-success: $success-color;
$--color-warning: $warning-color;
$--color-danger: $danger-color;
$--color-info: $info-color;

/* change font path , required 改变 icon 字体路径变量，必须 */
$--font-path: "~element-ui/lib/theme-chalk/fonts";

/* 2.引入 element 默认主题文件(样式文件) */
@import "element-ui/packages/theme-chalk/src/index.scss";

/*
    这里没有 ~ 居然不行
    @import '~element-ui/lib/theme-chalk/index.css';
*/

/* node_modules/element-ui/packages/theme-chalk/src/common/var.scss; */

/*
    可以覆盖之前样式
    .el-menu-item, .el-submenu__title{
        height:50px;
        line-height:50px;
    }
*/

.el-pagination {
    color: #868e96;
}
/* components */
.status {
    display: inline-block;
    cursor: pointer;
    width: 0.875rem;
    height: 0.875rem;
    vertical-align: middle;
    border-radius: 50%;

    &-primary {
        background: $--color-primary;
    }
    &-success {
        background: $--color-success;
    }
    &-warning {
        background: $--color-warning;
    }
    &-danger {
        background: $--color-danger;
    }
}
